<template>
  <div class="purchase">
    <!-- 面包屑导航 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item>
        <i class="iconfont icon-fl-jia"></i>
        首页
      </el-breadcrumb-item>
      <el-breadcrumb-item>采购管理</el-breadcrumb-item>
      <el-breadcrumb-item>采购</el-breadcrumb-item>
    </el-breadcrumb>
    <!-- 药品类别条件搜索 -->
    <MedicineSearch />
    <!-- 药品类别列表 -->
    <MedicineList />
    <br><br>
  </div>
</template>

<script>
  import MedicineList from '@/components/workbench/medicine/MedicineList'
  import MedicineSearch from '@/components/workbench/medicine/MedicineSearch'

  export default {
    name: 'Purchase',
    components: {
      MedicineList,
      MedicineSearch,
    }
  }

</script>

<style scoped>
  .purchase {
    background-color: #F5F7FA;
    height: 100%;
  }

  /* 面包屑导航 */
  .el-breadcrumb {
    cursor: pointer;
    padding: 15px 15px;
    border-bottom: 1px solid #d2d2d2;
  }

</style>
